<template>
  <div id="app">
    <ul class="layui-nav layui-bg-cyan">
      <li class="layui-nav-item">
        <router-link :to="{path:'/discoverMusic',query:{keyword:'发现音乐'} }">发现音乐</router-link>
      </li>
      <li class="layui-nav-item">
        <router-link :to="{ path:'/myMusic', query:{keyword:'我的音乐'} }">我的音乐</router-link>
      </li>
      <li class="layui-nav-item">
        <router-link :to="{path:'/myInfo',query:{keyword:'我的'}}">我的</router-link>
      </li>
      <li class="layui-nav-item">
        <router-link :to="{name:'product',params:{userId:'100'}}">购物车</router-link>
      </li>
    </ul>
    <router-view></router-view>
  </div>
</template>

<style lang="less">
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style-type: none;
}
</style>
<script setup>
</script>